0004. 油猴脚本 - LeetCode 题目描述爬取

1. 🎯 本节内容
2. 🫧 评论
3. 💻 scripts - 油猴一键复制 Leetcode 题目描述的实现脚本

1. 🎯 本节内容

介绍一个爬取 LeetCode 题目描述的油猴脚本

2. 🫧 评论

该油猴脚本用于从 LeetCode 网站上抓取题目描述并转换成 Markdown 格式，方便用户复制使用。

脚本通过添加在右键菜单中注入一个能一键复制 LeetCode 题目描述为 markdown 文本的菜单项。

复制的 markdown 内容适配 TNotes.leetcode 中的题目描述格式。在 TNotes.leetcode 中的相关 LeetCode 例题的 📝 题目描述 部分，就是通过这个脚本来获取的。

3. 💻 scripts - 油猴一键复制 Leetcode 题目描述的实现脚本

scripts/youhou.jsscripts/youhou-2.js

// ==UserScript==
// @name         力扣题目转Markdown
// @name:en      LeetCode Promlem to Markdown
// @namespace    https://gabrielxd.top/
// @version      1.2.0
// @description  转换力扣题目为Markdown格式并复制到剪贴板
// @description:en  Convert the LeetCode problems to markdown and copy it to the clipboard.
// @author       GabrielxD
// @match        *://leetcode.cn/problems/*
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADSGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE3LTA0LTIxVDE5OjA0OjcyPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNjwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTAyNDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTAyNDwvZXhpZjpQaXhlbFlE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
// @require      https://unpkg.com/turndown/dist/turndown.js
// @require      https://cdn.jsdelivr.net/npm/msg-alert@1.0.0-beta.2/dist/msg-alert.min.js
// @grant        GM_setClipboard
// @grant        GM_addStyle
// @grant        GM_registerMenuCommand
// @license 	 MIT
// @downloadURL https://update.greasyfork.org/scripts/448601/%E5%8A%9B%E6%89%A3%E9%A2%98%E7%9B%AE%E8%BD%ACMarkdown.user.js
// @updateURL https://update.greasyfork.org/scripts/448601/%E5%8A%9B%E6%89%A3%E9%A2%98%E7%9B%AE%E8%BD%ACMarkdown.meta.js
// ==/UserScript==

// 添加复制按钮样式
GM_addStyle(`
.copy-btns { display: inline-block; }

.copy-btns > button {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 12px;
    background: transparent;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px 1px rgba(var(--dsw-green-standard-rgb), 1);
    color: rgba(var(--dsw-green-standard-rgb), 1);
    cursor: pointer;
    outline: none;
}`)

const turndownService = new TurndownService({
  emDelimiter: '*',
  bulletListMarker: '-',
})
turndownService.addRule('strikethrough', {
  filter: ['pre'],
  replacement: (content, node) => node.innerText.trim(),
})
turndownService.addRule('strikethrough', {
  filter: ['sup'],
  replacement: (content) => '^' + content,
})

// 接收HTML字符串转成Markdown格式
const htmlToMd = (htmlStr) => {
  console.log('转换开始...', htmlStr)
  return turndownService.turndown(htmlStr.replace(/<p>&nbsp;<\/p>/g, '<br>'))
}
const getDescMd = () =>
  htmlToMd(
    document.querySelector('div[data-track-load="description_content"]')
      .innerHTML
  )
const getCodeMd = () =>
  document.querySelector('input[name=lang]').value +
  '\n' +
  document.querySelector('input[name=code]').value +
  '\n```\n'

// 复制题目
const copyDescBtn = document.createElement('button')
copyDescBtn.innerText = '复制题目描述'
copyDescBtn.addEventListener('click', copyDescHandler)
GM_registerMenuCommand('复制题目描述', copyDescHandler)
// 放入功能按钮
const copyBtnsEle = document.createElement('div')
copyBtnsEle.className = 'copy-btns'
copyBtnsEle.appendChild(copyDescBtn)

function copyDescHandler() {
  GM_setClipboard(
    '# ' +
      document
        .querySelector('.text-title-large')
        .innerText.replace(/\d+/, (match) => match.padStart(4, '0')) +
      '【' +
      document.querySelectorAll(
        '.text-difficulty-easy, .text-difficulty-hard, .text-difficulty-medium'
      )[0].innerText +
      '】\n\n' + // 生成标题
      `<!-- region:toc -->\n\n<!-- endregion:toc -->\n\n` + // 生成 toc 区域
      `## 📝 题目描述\n\n` + // 题目描述开始
      `- [leetcode](${location.href.replace(/\/?description\/?/, '')})\n\n` + // details begin 生成原题链接
      getDescMd()
        .replaceAll(/-\s+/g, '- ') // 处理【提示】部分的无序列表缩进
        .replace(/\*\*(示例 (\d+)[:：])\*\*(?:\n| )/g, (match, p1, num) => {
          if (num === '1') {
            return `---\n\n- **${p1}**\n\n\`\`\`txt`
          } else {
            return `\`\`\`\n\n- **${p1}**\n\n\`\`\`txt`
          }
        }) // 将示例内统一使用 ``` 包裹起来
        .replace(/\*\*(提示[:：])\*\*(?:\n| )/g, (match, p1) => {
          return `\`\`\`\n\n---\n\n**${p1}**\n`
        })
        .replace(/\*\*(注意[:：])\*\*(.+)/g, (match, p1, p2) => {
          return `\`\`\`\n\n---\n\n**${p1}** ${p2}`
        })
        .replace(/\n\`\`\`\n/g, '```\n') +
      '\n\n' +
      `## 🎯 s.1 - 解法 1\n\n::: code-group\n\n<<< ./solutions/1/1.js [js]\n\n:::\n\n- 时间复杂度：$O(1)$\n- 空间复杂度：$O(1)$\n\n` + // 题解模板
      `## 🎯 s.2 - 解法 2\n\n::: code-group\n\n<<< ./solutions/2/1.js [js]\n\n:::\n\n- 时间复杂度：$O(1)$\n- 空间复杂度：$O(1)$\n\n` +
      `## 🎯 s.3 - 解法 3\n\n::: code-group\n\n<<< ./solutions/3/1.js [js]\n\n:::\n\n- 时间复杂度：$O(1)$\n- 空间复杂度：$O(1)$\n\n`
  )
  message.success({
    text: '【题目描述】复制成功',
    duration: 800,
  })
}

;(() => {
  'use strict'

  window.addEventListener('load', setTimeout(copyDescHandler, 1000))
})()

// ==UserScript==
// @name         力扣题目转Markdown
// @name:en      LeetCode Promlem to Markdown
// @namespace    https://gabrielxd.top/
// @version      1.2.0
// @description  转换力扣题目为Markdown格式并复制到剪贴板
// @description:en  Convert the LeetCode problems to markdown and copy it to the clipboard.
// @author       GabrielxD
// @match        *://leetcode.cn/problems/*
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADSGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE3LTA0LTIxVDE5OjA0OjcyPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNjwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTAyNDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTAyNDwvZXhpZjpQaXhlbFlE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
// @require      https://unpkg.com/turndown/dist/turndown.js
// @require      https://cdn.jsdelivr.net/npm/msg-alert@1.0.0-beta.2/dist/msg-alert.min.js
// @grant        GM_setClipboard
// @grant        GM_addStyle
// @grant        GM_registerMenuCommand
// @license 	 MIT
// @downloadURL https://update.greasyfork.org/scripts/448601/%E5%8A%9B%E6%89%A3%E9%A2%98%E7%9B%AE%E8%BD%ACMarkdown.user.js
// @updateURL https://update.greasyfork.org/scripts/448601/%E5%8A%9B%E6%89%A3%E9%A2%98%E7%9B%AE%E8%BD%ACMarkdown.meta.js
// ==/UserScript==

// 添加复制按钮样式
GM_addStyle(`
.copy-btns { display: inline-block; }

.copy-btns > button {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 12px;
    background: transparent;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px 1px rgba(var(--dsw-green-standard-rgb), 1);
    color: rgba(var(--dsw-green-standard-rgb), 1);
    cursor: pointer;
    outline: none;
}`)

const turndownService = new TurndownService({
  emDelimiter: '*',
  bulletListMarker: '-',
})
turndownService.addRule('strikethrough', {
  filter: ['pre'],
  replacement: (content, node) => node.innerText.trim(),
})
turndownService.addRule('strikethrough', {
  filter: ['sup'],
  replacement: (content) => '^' + content,
})

// 接收HTML字符串转成Markdown格式
const htmlToMd = (htmlStr) => {
  console.log('转换开始...', htmlStr)
  return turndownService.turndown(htmlStr.replace(/<p>&nbsp;<\/p>/g, '<br>'))
}
const getDescMd = () =>
  htmlToMd(
    document.querySelector('div[data-track-load="description_content"]')
      .innerHTML
  )
const getCodeMd = () =>
  document.querySelector('input[name=lang]').value +
  '\n' +
  document.querySelector('input[name=code]').value +
  '\n```\n'

// 复制题目
const copyDescBtn = document.createElement('button')
copyDescBtn.innerText = '复制题目描述'
copyDescBtn.addEventListener('click', copyDescHandler)
GM_registerMenuCommand('复制题目描述', copyDescHandler)
// 放入功能按钮
const copyBtnsEle = document.createElement('div')
copyBtnsEle.className = 'copy-btns'
copyBtnsEle.appendChild(copyDescBtn)

function copyDescHandler() {
  GM_setClipboard(
    '# ' +
      document
        .querySelector('.text-title-large')
        .innerText.replace(/\d+/, (match) => match.padStart(4, '0')) +
      '【' +
      document.querySelectorAll(
        '.text-difficulty-easy, .text-difficulty-hard, .text-difficulty-medium'
      )[0].innerText +
      '】\n\n' + // 生成标题
      `<!-- region:toc -->\n\n<!-- endregion:toc -->\n\n` + // 生成 toc 区域
      `## 📝 题目描述\n\n` + // 题目描述开始
      `- [leetcode](${location.href.replace(/\/?description\/?/, '')})\n\n` + // details begin 生成原题链接
      getDescMd()
        .replaceAll(/-\s+/g, '- ') // 处理【提示】部分的无序列表缩进
        .replace(/\*\*(示例 (\d+)[:：])\*\*(?:\n| )/g, (match, p1, num) => {
          if (num === '1') {
            return `---\n\n- **${p1}**\n\n`
          } else {
            return `---\n\n- **${p1}**\n\n`
          }
        })
        .replace(/\*\*(输入[:：])\*\*/g, (match, p1, num) => {
          return `**${p1}** `
        })
        .replace(/\*\*(输出[:：])\*\*/g, (match, p1, num) => {
          return `**${p1}** `
        })
        .replace(/\*\*(解释[:：])\*\*/g, (match, p1, num) => {
          return `**${p1}** `
        })
        .replace(/\*\*(提示[:：])\*\*(?:\n| )/g, (match, p1) => {
          return `\n\n---\n\n**${p1}**\n`
        })
        .replace(/\*\*(注意[:：])\*\*(.+)/g, (match, p1, p2) => {
          return `\n\n---\n\n**${p1}** ${p2}`
        })
        .replace(/\n\`\`\`\n/g, '```\n') +
      '\n\n' +
      `## 🎯 s.1 - 解法 1\n\n::: code-group\n\n<<< ./solutions/1/1.js [js]\n\n:::\n\n- 时间复杂度：$O(1)$\n- 空间复杂度：$O(1)$\n\n` + // 题解模板
      `## 🎯 s.2 - 解法 2\n\n::: code-group\n\n<<< ./solutions/2/1.js [js]\n\n:::\n\n- 时间复杂度：$O(1)$\n- 空间复杂度：$O(1)$\n\n` +
      `## 🎯 s.3 - 解法 3\n\n::: code-group\n\n<<< ./solutions/3/1.js [js]\n\n:::\n\n- 时间复杂度：$O(1)$\n- 空间复杂度：$O(1)$\n\n`
  )
  message.success({
    text: '【题目描述】复制成功',
    duration: 800,
  })
}

;(() => {
  'use strict'

  window.addEventListener('load', setTimeout(copyDescHandler, 1000))
})()

🤔 scripts/youhou.js 和 scripts/youhou-2.js 有什么区别？
- scripts/youhou.js 是将示例部分解析到代码块中；
- scripts/youhou-2.js 是将示例部分解析正常解析到 .md 中；
- 如有其它需求，可自行扩展脚本。
🤔 如何使用脚本？
- 【1】将上述脚本直接丢到油猴中，然后保存即可在油猴插件中安装此脚本。
- 【2】使用方式也非常简单，只需要在对应的题解描述区域右键，然后点击【力扣题目转 Markdown】即可复制题目描述。

🤔 复制的效果如何？
- 下面是以 scripts/youhou.js 作用于第一题为例复制下来的结果。
- 内容复制下来后，丢到 VSCode 的 markdown 文件中，保存文件内容，自动格式化后，基本没有太多地方需要调整。

🤔 在 VSCode 中配置 .md 文件的内容在保存后自动完成格式化？

.vscode/settings.json

json

{
  // 保存时设置文件格式。
  "editor.formatOnSave": true,
  "[markdown]": {
    // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

0004. 油猴脚本 - LeetCode 题目描述爬取

0004. 油猴脚本 - LeetCode 题目描述爬取 ​

1. 🎯 本节内容 ​

2. 🫧 评论 ​

3. 💻 scripts - 油猴一键复制 Leetcode 题目描述的实现脚本 ​

Discussions

0004. 油猴脚本 - LeetCode 题目描述爬取

1. 🎯 本节内容

2. 🫧 评论

3. 💻 scripts - 油猴一键复制 Leetcode 题目描述的实现脚本